.nav-box{
	width: 100%;
	height: 48px;
	display: flex;
	align-items: center;
}
.nav-box .nav-back{
	width: 24px;
	font-size: 24px;
	margin-left: 30upx;
}
.nav-search{
	flex: 1;
	height: 35px;
	margin: 0 30px;
	background-color: #fff;
	border-radius: 15px;
	display: flex;
	align-items: center;
}
.nav-search .nav-search-icon{
	width: 20px;
	font-size: 28px;
	margin-left: 10px;
	margin-top: 3px;
}
.nav-search .nav-input{
	flex: 1;
	height: 100%;
	margin: 0 10px;
	color: #333333;
	font-size: 18px;
}
.default-list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #FFFFFF;
}
.default-list .item{
	display: flex;
	flex-direction: column;
	margin: 20upx 10upx;
}
.item .item-title{
	display: flex;
	align-items: center;
	border-radius: 15px 15px 0 0;
}
.item .item-title .item-icon{
	width: 20px;
	font-size: 20px;
	margin-left: 30upx;
}
.item .item-title .item-name{
	width: 250upx;
	font-size: 20px;
	margin-left: 5upx;
	margin-top: 5upx;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.item image{
	width: 350upx;
	height: 200upx;
	border-radius: 0 0 15px 15px;
}
.default-opt{
	width: 100%;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 100upx;
	background-color: #FFFFFF;
}
.default-opt .opt{
	width: 200upx;
	height: 35px;
	display: flex;
	align-items: center;
	font-size: 16px;
	border-radius: 15px;
}
.opt .opt-icon{
	width: 20px;
	font-size: 20px;
	margin-left: 15upx;
}
.opt .opt-name{
	flex: 1;
	text-align: center;
	margin-right: 10upx;
}
.video-list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #FFFFFF;
}
.single-video{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 10upx;
}
.single-video image{
	width: 230upx;
	height: 320upx;
	border-radius: 10px;
	margin-top: 10upx;
}
.single-video .video-name{
	width: 210upx;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 5upx;
	margin-left: 5upx;
}
.not-have-anymore{
	margin: 10upx 0;
	text-align: center;
}

